import './index.scss'
import { useNavigate } from 'react-router-dom'
import {
  Form,
  Input,
  Button,
} from 'antd-mobile'

function Newpassword() {
  const navigate = useNavigate()
  return (
    <div className='szmm'>
      <div >
        <img src="../../../public/8.png" alt="" className='fanhui' onClick={() => navigate('/wjmm')} />
      </div>
      <div className='xmm'>
        <span>设置新密码</span>
      </div>
      <div className='xmmbj'>
        <div className='shuru'>
          <Form>
            <Form.Item>
              <div className='nrtp'>
                <span><Input placeholder="请输入新密码" className='input' /></span>
                <span>
                  <img src="../../../public/11.png" alt="" />
                </span>
              </div>

            </Form.Item>
            <Form.Item>
              <div className='nrtp2'>
                <span><Input placeholder="请再次确认密码" className='input' /></span>
                <span >
                  <img src="../../../public/11.png" alt="" />
                </span>
              </div>
            </Form.Item>
          </Form>
        </div>
      </div>
      <div className='rwok'>
        <Button onClick={()=>navigate('/login')} className='ok'>完成</Button>
      </div>
    </div>
  )
}

export default Newpassword